<%--
  Created by IntelliJ IDEA.
  User: dmrj
  Date: 2015/11/2
  Time: 8:40
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>

<div class="row">
    <div class="col-sm-12">
        <div class="well">
            <div class="widget-body-toolbar">
                <strong> <spring:message code="ROLE_INFORMATION"/></strong>
                <i> - <spring:message code="PROJECT_SEARCH_TIP"/></i>
            </div>

            <div class="widget-body no-padding" style="margin-top: 10px;">
                <div class="row">
                    <div class="col-sm-12 col-md-12 col-lg-12">

                        <!-- simple search -->
                        <div id="div_simple_search">
                            <!--<div class="col-sm-12 col-md-12 col-lg-12">-->
                            <div class="input-group">
                                <input class="form-control" type="text"
                                       placeholder="<spring:message code='ROLE_NAME'/>" id="txt_search_roleName">

                                <div class="input-group-btn" style="padding:0px 10px 10px 0;">
                                    <button id="btn_simple_search" type="button" class="btn btn-default btn-primary">
                                        <i class="fa fa-search "></i> <spring:message code="GLOBAL_BUTTON_SEARCH"/>
                                    </button>
                                </div>
                            </div>
                            <!--</div>-->
                        </div>

                        <div id="more-search" style="display: none;">
                            <div class="col-sm-12 col-md-12 col-lg-10">
                                <form class="smart-form">
                                    <div class="row">
                                        <section class="col col-3">
                                            <label class="input">
                                                <input style="width:100%;" type="hidden" placeholder="角色名"
                                                       id="search-more-name">
                                            </label>
                                        </section>
                                        <section class="col col-3">
                                            <label class="input">
                                                <input style="width:100%;" type="hidden" placeholder="描述"
                                                       id="search-more-description">
                                            </label>
                                        </section>
                                        <section class="col col-3">
                                            <label class="input">
                                                <input style="width:100%;" type="hidden" placeholder="是否可用"
                                                       id="search-more-enabled">
                                            </label>
                                        </section>
                                    </div>
                                </form>
                            </div>

                            <div class="col-sm-2 col-md-2 col-lg-2">
                                <button id="btn-show-simple-search" type="button" class="btn btn-default pull-right">
                                    基本
                                </button>
                                <button id="btn-more-search" type="button" class="btn btn-primary pull-right"><i
                                        class="fa fa-search"></i> 搜索
                                </button>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-sm-12">
        <div class="well">
            <div class="widget-body-toolbar" style="padding:0px 10px 10px 0;">
                <a href="#role/register" class="btn btn-success btn-sm pull-right" data-toggle="modal">
                    <i class="fa fa-plus"></i> <spring:message code="ROLE_NEW_ROLE"/>
                </a>
            </div>

            <div class="widget-body no-padding" style="margin-top: 10px;">

                <table id="tbl_roles" class="table table-striped table-bordered table-hover" width="100%">
                    <thead>
                    <tr>
                        <th data-hide="phone"><spring:message code="TABLE_NO"/></th>
                        <th data-class="expand"><spring:message code="ROLE_ID"/></th>
                        <th data-class="expand"><spring:message code="ROLE_NAME"/></th>
                        <th data-class="phone"><spring:message code="ROLE_DESCRIPTIONR"/></th>
                        <th data-class="phone"><spring:message code="ROLE_STATUS"/></th>
                        <th><spring:message code="ROLE_OPERATE"/></th>
                    </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>

        </div>
    </div>
</div>
<script src="js/core/business/role/roleInit.js"></script>

<%--<script type="text/javascript">
    pageSetUp();

    loadScript("js/plugin/datatables/jquery.dataTables.min.js", function () {
        loadScript("js/plugin/datatables/dataTables.colVis.min.js", function () {
            loadScript("js/plugin/datatables/dataTables.tableTools.min.js", function () {
                loadScript("js/plugin/datatables/dataTables.bootstrap.min.js", function () {
                    loadScript("js/plugin/datatable-responsive/dataTables.responsive.min.js", runDataTables);
                });
            });
        });
    });
    function runDataTables() {
        loadScript("js/core/role/roleBiz.js", init);
    }

    function init() {
        roles.initRoles();
    }

</script>--%>
